解決 Chrome 瀏覽器自動調整小於11px字型的問題

谷歌Chrome浏览器在最新版本（118及以后）中，取消了对最小字体大小12px的限制，允许用户自定义小于12px的字体设置，提升了可定制性。

一、问题背景与原理 Chrome出于可读性考虑，默认将最小字体限制为12px（用户可在浏览器设置中手动调整）。 直接设置font-size: 10px时，字体大小会被强制提升至12px，导致样式失效。

To change the minimum font size in Chrome go to: settings > advanced settings > web content > font size > customise fonts > scroll down to the bottom and you will see the 'minimum font size' slider.

設定所有網頁的頁面縮放比例或字型大小 你可以針對造訪的網頁變更所有內容的大小 (包括文字、圖片和影片的大小)，也可以只變更字型大小。 重要事項： 某些網站不允許瀏覽器只變更字型大小。 在這種情況下，Chrome 無法調整字型大小。

在本教程中，我們將向您展示 2 種更改 Chrome 瀏覽器默認字體大小的簡單方法。 方法 1：使用縮放模式更改 Chrome 的字體大小

用 Chrome 瀏覽器開啟，你會發現兩個 CSS 產生的顯示結果是一樣的，11px自動變為了12px。 一般情況下，字型大1px沒有多大影響，但是像 BlueNight 最新評論那樣顯示寬度有限的情況下，字型大1px可能就造成布局的顯示問題了。

通过实验我们可以看到，让 Chrome 的“最小字号”设置【对文字】生效的另一个前提是，元素本身和它一直到根节点的父级元素的 font-size 不能全都是例如 %、rem、em 等这样需要基于父元素font-size计算的单位。 例如父元素中有使用 px 作为单位的 font-size 就可以触发“最小字体设置”对其子元素的所有 font-size 生效。 而对除了 font-size 之外的属性，例如在刚才这个例子中用 rem 作为单位的 width、h